<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
  <title>LemonScripts列表</title>
<header th:replace="header::html"></header>
</head>
<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">系统脚本</a>
        <a>
          <cite>脚本列表</cite></a>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
    </a>
</div>
<div class="x-body">
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body" permission="sys:lemonScripts:query">
                        <form class="layui-form layui-col-space5">
                            <div class="layui-inline layui-show-xs-block">
                                <input type="text" name="title" placeholder="请输入名称" autocomplete="off"
                                       class="layui-input">
                            </div>
                            <div class="layui-inline layui-show-xs-block">
                                <button class="layui-btn" lay-submit="" lay-filter="search"><i
                                        class="layui-icon">&#xe615;</i></button>
                            </div>
                        </form>
                    </div>
                    <div class="layui-card-body ">
                        <table class="layui-hide" id="table" lay-filter="member"></table>
                    </div>
                    <div class="layui-card-body ">
                        <script type="text/html" id="barDemo">
<!--                            <a class="layui-btn layui-btn-xs" lay-event="edit" permission="sys:lemonScripts:edit"><i class="layui-icon">&#xe642;</i>编辑</a>-->
<!--                            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" permission="sys:lemonScripts:del"><i class="layui-icon">&#xe640;</i>删除</a>-->
                                <a class="layui-btn layui-btn-xs" lay-event="edit" ><i class="layui-icon">&#xe642;</i>编辑</a>
                                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" ><i class="layui-icon">&#xe640;</i>删除</a>
                                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="run" ><i class="layui-icon">&#xe605;</i>执行</a>
                        </script>
                    </div>
                    <div class="layui-card-body ">
                        <script type="text/html" id="toolbarDemo">
                            <div class="layui-btn-container">
                                <button class="layui-btn" onclick="xadmin.open('新增脚本','/lemonScripts/addOrEdit/?id=0',600)"><i
                                        class="layui-icon" permission="sys:lemonScripts:add">&#xe654;</i>新增
                                </button>
                            </div>
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">

 layui.use('table', function(){
    $ = layui.jquery;
    var table = layui.table,
        form=layui.form;
    var tableIns = table.render({
        elem: '#table'
        ,url: '/lemonScripts/listPage' //数据接口
        , toolbar: '#toolbarDemo'
        ,page: true //开启分页
        ,response: {
            dataName: 'datas' //规定数据列表的字段名称，默认：data
        }
        , cols: [
             [ //表头
               	{"type" : 'checkbox', "fixed" : 'left'},
				{field : 'id', title : '编号'},
				{field : 'path', title : '路径'},
				{field : 'createTime', title : '创建时间'},
				{field : 'updateTime', title : '修改时间'},
				// {field : 'status', title : ''},
                 {
                     field: 'status', title: '状态', templet: function (d) {
                         if (d.status == '0') {
                             return '<span class="layui-badge layui-bg-gray">禁用</span>';
                         }
                         return '<span class="layui-badge layui-bg-blue">启用</span>';
                     }
                 },
               {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 250}
            ]
        ],
         done: function () {
             checkPermission();
         }
    });

     //监听工具条
    table.on('tool(member)', function(obj){
        var data = obj.data;
        if(obj.event === 'del'){
            layer.confirm('真的删除行么', function(index){
                $.ajax({
                    url:"/lemonScripts/delete",
                    type:"GET",
                    data:{id:data.id},
                    dataType:'json',
                    success:function(result){
                        if(result.code == 200){
                            layer.alert("删除成功", {icon: 1},function (index1) {
                                layer.close(index1);
                                tableIns.reload();
                            });
                        }else{
                            layer.alert(result.msg);
                        }

                    },
                });
            });
        } else if(obj.event === 'edit'){
            var id = data.id;//当前行的id
            xadmin.open('编辑信息','/lemonScripts/addOrEdit/?id='+id);
        } else if(obj.event === 'run'){
            layer.confirm('真的执行这条命令吗', function(index){
                $.ajax({
                    url:"/lemonScripts/run",
                    type:"GET",
                    data:{id:data.id},
                    dataType:'json',
                    success:function(result){
                        if(result.code == 200){
                            layer.alert("执行成功", {icon: 1},function (index1) {
                                layer.alert(result.msg);
                                layer.close(index1);
                                tableIns.reload();
                            });
                        }else{
                            layer.alert(result.msg);
                        }

                    },
                });
            });
        }
    })

    form.on('submit(search)', function (data) {
        tableIns.reload({
            url: "/lemonScriptss/listByPage",
            where: data.field,
            page: {curr: 1}
        })
        return false;
    });
    checkPermission();
});

</script>
